<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<% String path=request.getContextPath(); String basePath=request.getScheme()+ "://" + request.getServerName() + ":" + request.getServerPort() + path+ "/"; %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>投入产出分析报表</title>
<base href="<%=basePath%>">

<%@ include file="/WEB-INF/jsp/common/common.jsp" %>

<style>
    html, body {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
    }
    body{
      font: 12px/150%;
      font-family: Arial, Helvetica,
                 "Microsoft YaHei", "微软雅黑",
                 STXihei, "华文细黑",
                 serif;
    }
    .container {
      max-width: 780px;
      margin:0 auto;
    }
    /* 盒子模型 */
    .border-box {
      box-sizing:border-box;
      -moz-box-sizing:border-box; /*Firefox*/
      -webkit-box-sizing:border-box;/*Safari*/
    }
    /* 清除浮动 */
    .clear { zoom:1; }
    .clear:after { content:''; display:block; clear:both; }
    a,button,input,textarea,select{
      background: none;
      -webkit-tap-highlight-color:rgba(255,0,0,0);
      outline:none;
      -webkit-appearance:none;
      text-decoration: none;
    }
    a:link {
      color: #2c3e50;

    }
    a:visited {
      color: #2c3e50;
    }
    a:hover {
      color: #2c3e50;
    }
    a:active {
      color: #2c3e50;
    }
    .top_box {
      background: #106cb6;
      height: 300px;
      padding-top: 120px;
      position: relative;
    }
    .top_box .top_title {
      font-size: 40px;
      text-align: center;
      color: #fff;
    }
    .top_box .top_button {
      font-size: 18px;
      text-align: center;
      line-height: 48px;
      background: url('./images/browser_download/btn_cksywd.png');
      width: 168px;
      height: 48px;
      position: absolute;
      left: 50%;
      margin-left: -84px;
      top: 60%;
    }
    .top_box .top_button a {
      color: #fff;
    }
    .top_box .top_browser {
      color: #fff;
      padding-top: 120px;
      text-align: center;
      font-size: 12px;
    }
    .downloads_box .download {
      border-bottom: 1px solid #eee;
      padding: 20px 30px;
      position: relative;
    }
    .downloads_box .download .download_img {
      position: absolute;
      left: 30px;
    }
    .downloads_box .download .download_text {
      height: 120px;
      padding: 20px 10px 20px 150px;
      width: 70%;
    }
    .downloads_box .download .download_text .download_title {
      font-size: 18px;
    }
    .downloads_box .download .download_text p {
      font-size: 14px;
      color: #666;
    }
    .downloads_box .download a {
      display: block;
      position: absolute;
      right: 50px;
      top: 50px;
      font-size: 12px;
    }
    .more_browser {
      /* background: #aaa; */
      padding: 40px;
    }
    .more_browser .more_title {
      font-size: 24px;
      /* font-weight: bold; */
    }
    .more_browser .links {
      padding-top: 20px;
    }
    .more_browser .links .link {
      float: left;
      padding-right: 30px;
    }
  </style>
  
<body>
    <!-- 如果浏览器为ie8以下浏览器，将需下载最新浏览器 -->
    <div class="top_box">
      <div class="container">
        <p class="top_title">您的浏览器版本过低，请下载最新版浏览器！</p>
        <div class="top_button">
          <a target="_Top"  href="https://www.google.cn/chrome/">立即下载</a>
        </div>
        <p class="top_browser">谷歌浏览器</p>
      </div>
    </div>
    <div class="downloads_box">
      <div class="container">
        <div class="download chrome">
          <div class="download_img">
            <img src="./images/browser_download/chrome.png" alt="谷歌浏览器">
          </div>
          <div class="download_text border-box">
            <div class="download_title">谷歌浏览器</div>
            <p>
              Google Chrome 是一款快速、简单且安全的网络浏览器，能很好地满足新型网页对浏览器的要求。
            </p>
          </div>
          <a target="_Top"  href="https://www.google.cn/chrome/">进入官网>></a>
        </div>
        <div class="download firefox">
          <div class="download_img">
            <img  src="./images/browser_download/firefox.png" alt="火狐浏览器">
          </div>
          <div class="download_text border-box">
            <div class="download_title">火狐浏览器</div>
            <p>
              快，只为更好。采用了实力强悍的新型引擎Quantum，更具性能优势。页面载入更好、更快，占用内存更少。出色的设计，灵动的功能，让上网体验更智能。真正的隐私浏览，强大的隐私浏览模式附加了跟踪保护功能。
            </p>
          </div>
          <a target="_Top"  href="http://www.firefox.com.cn/">进入官网>></a>
        </div>
        <div class="download ie_edge">
          <div class="download_img">
            <img src="./images/browser_download/se360.png" alt="360安全浏览器">
          </div>
          <div class="download_text border-box">
            <div class="download_title">360安全浏览器</div>
            <p>
              360浏览器是中国使用人数最多的浏览器，也是最注重安全的浏览器。采用先进的恶意网址拦截技术，可自动拦截挂马、欺诈、网银仿冒等恶意网址。强大、好用、设计人性化、安全快速！
            </p>
          </div>
          <a target="_Top"  href="https://browser.360.cn/se/">进入官网>></a>
        </div>
        <div class="download ie_edge">
          <div class="download_img">
            <img src="./images/browser_download/edge.png" alt="IE11">
          </div>
          <div class="download_text border-box">
            <div class="download_title">IE11</div>
            <p>
              Internet Explorer 11，不支持Windows XP，一般不推荐使用。目前微软已经升级为EDGE，仅为Win10可用，Win10自带。一些政府类网站可能会要求必须使用ie浏览器(可以用国产浏览器兼容模式)。
            </p>
          </div>
          <a target="_Top"  href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads">进入官网>></a>
        </div>
      </div>
    </div>
    <div class="more_browser">
      <div class="container">
        <div class="more_title">
          更多浏览器
        </div>
        <div class="links clear">
          <div class="link"><a target="_Top" href="https://www.opera.com/zh-cn">Opera</a></div>
          <div class="link"><a target="_Top" href="http://browser.qq.com/">QQ浏览器</a></div>
          <div class="link"><a target="_Top" href="http://www.uc.cn/">UC浏览器</a></div>
          <div class="link"><a target="_Top" href="https://www.liebao.cn/">猎豹浏览器</a></div>
          <div class="link"><a target="_Top" href="https://ie.sogou.com/">搜狗浏览器</a></div>
          <div class="link"><a target="_Top" href="http://jifendownload.2345.cn/jifen_2345/2345explorer_k72212283.exe">2345浏览器</a></div>
          <div class="link"><a target="_Top" href="http://www.maxthon.cn/">傲游浏览器</a></div>
          <div class="link"><a target="_Top" href="https://liulanqi.baidu.com/">百度浏览器</a></div>
          <div class="link"><a target="_Top" href="http://www.theworld.cn/">世界之窗</a></div>
        </div>
      </div>
    </div>

    <script type="text/javascript">
    $.get("./traffic/set?pageName=Incompatible")
    var BrowserDetect = {
      dataBrowser: [{
        string: navigator.userAgent,
        subString: 'Chrome',
        identity: 'Chrome'
      },
      {
        string: navigator.vendor,
        subString: 'Apple',
        identity: 'Safari',
        versionSearch: 'Version'
      },
      {
        prop: window.opera,
        identity: 'Opera',
        versionSearch: 'Version'
      },
      {
        string: navigator.userAgent,
        subString: 'Firefox',
        identity: 'Firefox'
      },
      {
        string: navigator.userAgent,
        subString: 'MSIE',
        identity: 'Explorer',
        versionSearch: 'MSIE'
      },
      {
        string: navigator.userAgent,
        subString: 'Gecko',
        identity: 'Mozilla',
        versionSearch: 'rv'
      },
      {
        // for older Netscapes (4-)
        string: navigator.userAgent,
        subString: 'Mozilla',
        identity: 'Netscape',
        versionSearch: 'Mozilla'
      }],
      init: function () {
        this.browser = this.searchString(this.dataBrowser) || 'An unknown browser'
        this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || 'an unknown version'
      },
      searchString: function (data) {
        for (var i = 0; i < data.length; i++) {
          var dataString = data[i].string
          var dataProp = data[i].prop
          this.versionSearchString = data[i].versionSearch || data[i].identity
          if (dataString) {
            if (dataString.indexOf(data[i].subString) !== -1) {
              return data[i].identity
            }
          } else if (dataProp) {
            return data[i].identity
          }
        }
      },
      searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString)
        if (index === -1) {
          return
        }
        return parseFloat(dataString.substring(index + this.versionSearchString.length + 1))
      }
    }
    BrowserDetect.init()
    if (BrowserDetect.browser !== 'Explorer') {
      window.location.href = '。/report/index'
    }
  </script>
</body>
